body{
    overflow-x: hidden;
}
.xh-hidden{
    display: none;
}
.xh-area-form .form-inline:not(:first-child) {
    margin-top: 10px;
}
.xh-area-form label {
    width: 65px;
}
.xh-area-form .form-inline input,
.xh-area-form .form-inline select,
.xh-area-form .form-inline textarea {
    margin-right: 20px;
}
.xh-input-warning {
    border: 1px solid #edbc6c !important;
}
.xh-input-success {
    border: 1px solid #2baab1 !important;
}
.xh-area-form .form-inline .xh-input-smaller {
    width: 10%;
    min-width: 100px;
    display: inline-block;
}
.xh-area-form .form-inline .xh-input-small {
    width: 20%;
    min-width: 140px;
    display: inline-block;
}
.xh-area-form .form-inline .xh-input-middle {
    width: 30%;
    min-width: 200px;
    display: inline-block;
}
.xh-area-form .form-inline .xh-input-large {
    width: 50%;
    min-width: 300px;
    display: inline-block;
}
.xh-area-form .form-inline .xh-input-larger {
    width: 100%;
    min-width: 500px;
    display: inline-block;
}
/*.xh-area-form > .row > div > input,*/
/*.xh-area-form > .row > div > textarea {*/
    /*width: 100%;*/
/*}*/
.xh-area-button{
    height: 54px;
    padding-top: 10px;
    padding-bottom: 10px;
    /*background-color: #f5f5f5;*/
}
.xh-area-button a{
    margin-right: 10px;
    /*padding: inherit;*/
}
.xh-form .btn{
    margin-right: 5px;
    padding-left: 15px;
    padding-right: 15px;
}
.xh-nav-back{
    float: right;
    min-width: 60px;
    height: 24px;
    line-height: 10px;
    margin: -3px 10px 0 0;
}
.xh-form tr td:nth-child(2n){
    padding: 5px 20px 5px 0;
}

.xh-datagrid-header.panel-header{
    /*background-color: #EEEEEE !important;*/
    /*background-color: #ffb3b3 !important;*/
}
.xh-datagrid-toolbar .textbox-text{
    height: inherit !important;
    line-height: inherit !important;
}
.xh-datagrid-toolbar .combo-arrow{
    height: 20px !important;
}

@media (min-width: 992px) {
    .modal-lg{
        width: 80%;
    }
}

/*simplify*/
.padding-md {
    /*padding: 20px !important;*/
    padding: 20px;
    height: 100%;
}

/*sweet-alert2*/
#modalContentId{
    max-height: 500px !important;
    overflow-y: auto;
}
.swal2-modal{
    min-height: inherit !important;
}

/*easyui*/
.tabs {
    width: 100% !important;
}